{% extends "base.html" %}
{% block csscontent %}
    <link href="{{ static('plugins/datatables/extensions/Responsive/css/dataTables.responsive.css') }}" rel="stylesheet">
    <link href="{{ static('plugins/datatables/extensions/TableTools/css/dataTables.tableTools.css') }}" rel="stylesheet">
    <link href="{{ static('plugins/datatables/dataTables.bootstrap.css') }}" rel="stylesheet">
{% endblock %}

{% block extra_css %}

{% endblock %}
{% block content %}
<!-- Content Header (Page header) -->
<section class="content-header">
  <h1>
	首页
	<small>首页说明</small>
  </h1>
  <ol class="breadcrumb">
	<li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
	<li class="active">首页</li>
  </ol>
</section>

<!-- Main content -->
<!--<section class="content">-->
	<!--&lt;!&ndash; Your Page Content Here &ndash;&gt;-->
	<!--{{title}}-->
<!--</section>&lt;!&ndash; /.content &ndash;&gt;-->
<!- - content - ->
<section class="content">
    <div id="Hui-tabNav" class="Hui-tabNav ">
        <div class="Hui-tabNav-wp">
        <ul id="min_title_list" class="acrossTab cl" style="padding-left: 6px;">
            <li class="active">
                <span title="首页" data-href="/account/login/">首页</span><em></em>
            </li>
        </ul>
        </div>
    </div>
    <div class="panel panel-default">
    <div class="panel-body">
        <div class="form-horizontal gm-form-horizontal">
            {% block searchbar %}
            <div class="form-group gm-search-heading">
                <div class="col-sm-4">
                    <div class="input-group">
                        <input type="text" class="form-control" name="srch_value" placeholder="" onkeypress="if(event.keyCode==13) {search();return false;}">
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="button" id="id-search-btn">搜索</button>
                        </span>
                    </div>
                </div>
                <div class="col-sm-6">
                    {% for opt, name in qry_items %}
                    <label class="radio-inline">
                        <input type="radio" name="srch_field" value="{{ opt }}" {% if loop.first %} checked="checked"{% endif %}/> {{ name }}
                    </label>
                    {% endfor %}
                </div>
                {% block show_more_filter -%}
                <div class="col-sm-2 dropdown">
                    <a data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                        更多筛选
                        <span class="caret"></span>
                    </a>
                </div>
                {%- endblock %}
            </div>
            {% endblock searchbar %}
            <div class="gm-search-body collapse" id="collapseExample">
                {% block more_filter -%}
                {%- endblock more_filter %}
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="row">
                    <div class="col-sm-9">
                        {% block list_head %}
                        {#
                        <button id="do-function" type="button" class="btn btn-primary">执行</button>
                        <button id="id-select-all" type="button" class="btn btn-primary">全选</button>
                        <button id="id-search-test" type="button" class="btn btn-primary">搜索</button>
                        <input type="checkbox" name="s_username" value="09876543211">09876543211</input>
                        <input type="checkbox" name="s_username" value="0987654321">0987654321</input>
                        #}
                        {% endblock list_head %}
                    </div>
                    <div class="col-sm-3 dataTables_filter">
                        {% block list_update -%}
                        <button class="btn btn-default" type="button" id="list-update">保存</button>
                        {%- endblock list_update %}

                        {% block list_create -%}

                        <a href="/account/login/" class="btn btn-primary">
                            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                            新增
                        </a>

                        {%- endblock list_create %}
                    </div>
                </div>
                <div class="table-responsive">
                    <table class="table table-striped table-bordered table-hover" id="dataTables">
                        <thead>
                            <tr>
                                {% block table_header -%}
                                <th>123</th>
                                <th>456</th>
                                {%- endblock table_header %}
                            </tr>
                        </thead>
                        <tbody  id="datasearch">
                        </tbody>
                        <tfoot>
                        {% block table_foot %}
                        {% endblock table_foot %}
                        </tfoot>
                    </table>
                </div> <!-- /.dataTable_wrapper -->
            </div> <!-- /.panel-body -->
        </div> <!-- /.panel -->
    </div> <!-- /.col-lg-12 -->
</div>
</section>
{% endblock %}

{% block jscontent %}
<script src="{{ static('plugins/datatables/jquery.dataTables.min.js') }}"></script>
		<!-- AdminLTE App -->
<script src="{{ static('plugins/datatables/dataTables.bootstrap.min.js') }}"></script>
<script src="{{ static('plugins/slimScroll/jquery.slimscroll.min.js') }}"></script>
<script src="{{ static('plugins/fastclick/fastclick.js') }}"></script>

{% endblock %}